.index-container {
    width: 1209px;
    padding: 0px;
    margin-top: 10px;
}

.left-container {
    width: 911px;
    padding-right: 0px;
    float: left;
}

.right-container {
    width: 288px;
    padding-left: 0;
    margin-left: 9px;
    float: left;
}
/* 此处以下是用来调整首页的css样式 */

/* 广告start */
.indexCarousel {
    margin-bottom: 10px;
}
.left-container .pc_ad_div{
    height: 90px;
}
.pc_ad_div img{
    border-radius: 5px;
}
.left-container .pc_ad_div a{
    display: inline-block;
    height: 100%;
}
.left-container .extension-banner-big img{
    height: 100%;
}
/* 广告end */

/* 头部轮播图start */
.indexCarousel {
    height: 348px;
}
.indexCarouselRightData {
    width: 413px;
    height: 336px;
    /* display: inline-block; */
    vertical-align: top;
    background-color: #fff;
    padding: 6px 10px;
    position: relative;
    float: right;
}
.indexCarouselRightData a:hover{
    color: #D61519;
}
.indexCarouselRightData h4{
    width: 100%;
    height: 28px;
    font-size: 18px;
    
    font-weight: 600;
    color: #000000;
    line-height: 25px;
    border-bottom: 1px #F7F7F7 solid;
}
.indexCarouselRightData ul span,.indexCarouselRightData ul a{
    font-size: 16px;
    
    font-weight: 400;
    line-height: 22px;
}
.indexCarouselRightData ul span{
    color: #D61519;
}
.indexCarouselRightData ul a{
    color: #000000;
}
.indexCarouselRightData li{
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    line-height: 29px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; */
}

.indexCarouselRightData .article-more{
    position: absolute;
    bottom: 10px;
    right: 0px;
    font-size: 14px;
    
    font-weight: 400;
    color: #5A5A5A;
    line-height: 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px 0px rgb(139 139 139 / 50%);
    border-radius: 15px 0px 0px 15px;
    padding: 4px 14px 4px 14px;
}
.indexCarouselRightData .article-more:hover{
    color: #D61519;
}


#indexCarouselLeftData {
    /* display: inline-block; */
    position: relative;
    width: 470px;
    height: 349px;
    border-radius: 5px;
    overflow: hidden;
    float: left;
}

#indexCarouselLeftData img {
    object-fit: cover;
    width: 470px;
    height: 283px;
}

#indexCarouselLeftData h3 {
    background: #fff;
    border-radius: 0px 0px 5px 5px;
    width: calc(100% - 20px);
    height: 42px;
    padding: 1px 10px;
    font-size: 16px;
    
    font-weight: 400;
    color: #000000;
}

#indexCarouselLeftData .layui-carousel-ind {
    top: -22px;
    background-color: #fff;
}
#indexCarouselLeftData .layui-carousel-ind ul,
#indexCarouselLeftData .layui-carousel-ind ul:hover{
    background-color: #fff;
}

#indexCarouselLeftData .layui-carousel-ind li{
    background-color: #fff;
    border: 1px solid #FFC5C6;
    width: 6px;
    height: 6px;
}

#indexCarouselLeftData .layui-carousel-ind li.layui-this{
    background-color: #D61519;
    border: 1px solid #D61519;
}

.layui-carousel-arrow {
    height: 36px;
    line-height: 34px;
    width: 34px;
}



.indexCarousel h3 a,
.indexCarousel h4 a {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* 头部轮播图end */

/* 中部七大模块推荐、资讯、广告、视频、课程、专题、专栏start */
.articleTypeContainer{
    position: relative;
}
#recommend,
#articleContainer,
.articleTypeContainer,
#lcReportContainer,
#videoContainer,
#columnContainer {
    background-color: #fff;
    padding: 10px 0;
    
}

#topicContainer {
    background-color: #fff;
    padding: 0 0 10px 0;
}

#sevenModules .layui-tab-title li {
    font-size: 18px;
    
    font-weight: 600;
    color: #1F1F1F;
    border-bottom: 3px solid transparent;
    padding: 0px;
    min-width: 42px;
    margin: 0px 8px 0px 6px;
}

#sevenModules .layui-tab-brief>.layui-tab-title .layui-this {
    color: #D61519;
    font-weight: 600;
    font-size: 22px;
}

#sevenModules .layui-tab-title {
    padding-left: 19px;
    padding-top: 14px;
    border-color: #F7F7F7;
    background-color: #fff;
    padding-bottom: 11px;
}

#sevenModules .layui-tab-content {
    padding: 0;
}

#sevenModules #recommend .leftImgDiv,
#sevenModules #articleContainer .leftImgDiv,
#sevenModules .articleTypeContainer .leftImgDiv,
#sevenModules #topicContainer .leftImgDiv {
    width: 150px;
    height: 90px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

#sevenModules #lcReportContainer .leftImgDiv,
#sevenModules #videoContainer .leftImgDiv {
    width: 200px;
    height: 120px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

#sevenModules #recommend .leftImgDiv img,
#sevenModules #articleContainer .leftImgDiv img,
#sevenModules .articleTypeContainer .leftImgDiv img,
#sevenModules #lcReportContainer .leftImgDiv img,
#sevenModules #videoContainer .leftImgDiv img,
#sevenModules #topicContainer .leftImgDiv img {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
}

#sevenModules #recommend .rightInfoDiv,
#sevenModules #articleContainer .rightInfoDiv,
#sevenModules .articleTypeContainer .rightInfoDiv,
#sevenModules #topicContainer .rightInfoDiv {
    width: 700px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

#sevenModules #lcReportContainer .rightInfoDiv,
#sevenModules #videoContainer .rightInfoDiv {
    width: 296px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

#sevenModules .rightInfoDiv .articleTitle {
    font-size: 18px;
    
    font-weight: 400;
    color: #1F1F1F;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#sevenModules .rightInfoDiv .articleTitle:hover{
    color: #D61519;
}

#sevenModules .rightInfoDiv .lcReportTitle,
#sevenModules .rightInfoDiv .videoTitle {
    font-size: 16px;
    
    font-weight: 400;
    color: #333333;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


#sevenModules .rightInfoDiv .introduction {
    font-size: 14px;
    
    font-weight: 300;
    color: #A5A5A5;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#sevenModules .rightInfoDiv .operationPart label {
    font-size: 12px;
    
    font-weight: 400;
    color: #7F7F7F;
    line-height: 17px;
    border-radius: 3px;
    border: 1px solid #7F7F7F;
    padding: 2px 8px;
}

#sevenModules .rightInfoDiv .operationPart p {
    display: inline-block;
    margin-left: 3%;
    position: relative;
}

#sevenModules .rightInfoDiv .operationPart img {
    vertical-align: middle;
}

#sevenModules .rightInfoDiv .operationPart .visitor img{
    margin-right: 4px;
}

#sevenModules .rightInfoDiv .operationPart {
    width: 100%;
}

#sevenModules .rightInfoDiv .operationPart p.share{
    cursor: pointer;
}
#sevenModules .rightInfoDiv .operationPart p.share:hover>span {
    color: #D61519;
}
/* #sevenModules .rightInfoDiv .operationPart p.share:hover>img {
    filter: drop-shadow(15px 0px #D61519);
    position: relative;
    left: -15px;
} */

#sevenModules .rightInfoDiv .author,
#sevenModules .rightInfoDiv .releaseTime,
#sevenModules .numberOfViewers span,
#sevenModules .numberOfLikes span,
#sevenModules .numberOfComments span,
#sevenModules .share span {
    font-size: 13px;
    
    font-weight: 300;
    color: #7F7F7F;
    line-height: 18px;
    vertical-align: middle;
}

p.topicTimeDiv {
    margin-top: 5px;
}
.topicDiv .releaseTime{
    font-size: 12px;
    
    font-weight: 300;
    color: #7F7F7F;
}

.topicDiv .rightInfoDiv>a{
    height: 90px;
}

#sevenModules #topicContainer .topicDiv .leftImgDiv>a>img{
    height: 90px;
    width: 150px;
}

#sevenModules a {
    display: inline-block;
}

#sevenModules .tabContainer>div:not(:first-child) {
    padding-top: 10px;
    padding-bottom: 10px;
}

#sevenModules .tabContainer>div {
    padding-left: 20px;
    padding-right: 20px;
}

#sevenModules .tabContainer>div:first-child {
    padding-bottom: 10px;
}

#sevenModules .recommendReprotDiv {
    height: 130px;
}

#sevenModules .recommendReprotDiv .rightInfoDiv .operationPart {
    position: absolute;
    top: 110px;
}

#sevenModules .recommendReprotDiv .operationPartBtn,
#sevenModules .operationPart {
    position: absolute;
    top: 73px;
    width: 100%;
}

#sevenModules .preOrderPrice {
    font-size: 19px;
    
    font-weight: 400;
    color: #D61519;
    line-height: 14px;
    margin-right: 1%;
}

#sevenModules .price {
    font-size: 10px;
    
    font-weight: 400;
    color: #C3C3C3;
    line-height: 14px;
    text-decoration: line-through;
    margin-right: 70px;
}

#sevenModules .reportOperationBtn {
    font-size: 13px;
    
    font-weight: 600;
    color: #D61519;
    line-height: 18px;
    padding: 4px 36px;
    border-radius: 5px;
    border: 1px solid #D61519;
    /* margin-left: 4%; */
}

.seeMoreInfoDiv,
.smallMoreInfoDiv {
    text-align: center;
    width: 362px;
    margin: 0 auto;
    margin-top: 10px;
}

.seeMoreInfoDiv a,
.smallMoreInfoDiv a {
    font-size: 16px;
    
    font-weight: 400;
    color: #D61519;
    line-height: 22px;
    padding: 9px 75px;
    border-radius: 5px;
    border: 1px solid #D61519;
}
.topicDiv .smallMoreInfoDiv a {
    width: 145px;
}

.seeMoreInfoDiv.topicSeeMoreInfoDiv a {
    width: 362px;
    font-size: 16px;
    
    font-weight: 400;
    color: #D61519;
    line-height: 22px;
    padding: 9px 0;
    border-radius: 5px;
    border: 1px solid #D61519;
}

#sevenModules #recommend  .recommendVideoDiv .play_buttom {
    width: 43px;
    height: 43px;
    position: absolute;
    top: 26px;
    left: 53px;
}

#videoContainer .playButtomDiv {
    width: 200px;
    height: 120px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    border-radius: 5px;
}

#sevenModules #videoContainer img.play_buttom {
    width: 43px;
    height: 43px;
    position: absolute;
    top: 40px;
    left: 78px;

}

#lcReportContainer .reprotDiv,
#videoContainer .videoDiv {
    width: 46%;
    display: inline-block;
}

.lcReportOperationPart img,
.videoOperationPart img {
    vertical-align: middle;
}

.lcReportOperationPart .visitor{
    margin-top: 6px;
}

#lcReportContainer .operationPartBtn,
#videoContainer .operationPartBtn {
    position: absolute;
    top: 94px;
    width: 100%;
}

#lcReportContainer .operationPartBtn .preOrderPrice {
    position: absolute;
    top: 11px;
}

#lcReportContainer .operationPartBtn .reportOperationBtn {
    float: right;
}

#sevenModules .reportOperationBtn {
    padding: 3px 27px;
}
#recommend .reportBuyBtn:hover {
    background: linear-gradient(90deg, #FF4646 0%, #D8252C 100%);
    color: #fff;
}

#sevenModules #lcReportContainer div:nth-child(1),
#sevenModules #lcReportContainer div:nth-child(2),
#sevenModules #videoContainer div:nth-child(1),
#sevenModules #videoContainer div:nth-child(2) {
    padding-top: 0px;
}

#sevenModules .freeDownload {
    color: #FF6D00;
    border: 1px solid #FF6D00;
    padding: 3px 14px;
}

#sevenModules .stoppedSelling {
    color: #9a9898;
    border-color: #9a9898;
    padding: 3px 14px;
}

#sevenModules #videoContainer .videoOperationPart {
    position: absolute;
    top: 103px;
}

#videoContainer .videoDuration {
    position: absolute;
    top: 100px;
    right: 7px;
    font-size: 11px;
    
    font-weight: 400;
    color: #FFFFFF;
    line-height: 16px;
}

#columnContainer .columnDiv .leftColumnDiv {
    width: 208px;
    display: inline-block;
    padding-right: 16px;
}

#columnContainer .columnDiv .rightColumnDiv {
    width: 640px;
    display: inline-block;
    vertical-align: top;
}

#columnContainer .columnDiv .leftColumnDiv .companyHead {
    display: inline-block;
    width: 100%;
}

#columnContainer .columnDiv .leftColumnDiv img,
#columnContainer .columnDiv .rightColumnDiv img {
    object-fit: contain;
    border-radius: 5px;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    vertical-align: top;
    background: #EBEBEB;
}

#sevenModules #columnContainer .columnDiv .rightColumnDiv img {
    width: 50px;
    height: 50px;
}

#columnContainer .columnDiv .leftColumnDiv .companyName {
    font-size: 16px;
    
    font-weight: 400;
    color: #333333;
    line-height: 22px;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 120px;
    display: inline-block;
}
#columnContainer .columnDiv .leftColumnDiv .companyName:hover{
    color: #D61519;
}

#columnContainer .columnDiv .rightColumnDiv .companyName {
    font-size: 16px;
    
    font-weight: 400;
    color: #333333;
    line-height: 22px;
    vertical-align: bottom;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 220px;
    display: inline-block;
}

#columnContainer .columnDiv .rightColumnDiv .companyName:hover{
    color: #D61519;
}

#columnContainer .columnDiv .rightColumnDiv .companyInfo>a{
    float: left;
}

#columnContainer .columnDiv .leftColumnDiv .companyInfo span,
#columnContainer .authorColumnDiv .position {
    font-size: 13px;
    
    font-weight: 400;
    color: #7F7F7F;
    line-height: 18px;
}

#columnContainer .columnDiv .leftColumnDiv .companyInfo {
    margin: 10px 0;
}

#columnContainer .columnDiv .rightColumnDiv .companyInfo {
    width: 310px;
    display: inline-block;
    padding-right: 10px;
    height: 80px;
    vertical-align: bottom;
}

#columnContainer .columnDiv .rightColumnDiv .companyInfo:nth-child(even) {
    padding-right: 0px;
}

#columnContainer .columnDiv .rightColumnDiv .companyInfo>div {
    display: inline-block;
    width: 240px;
    overflow: hidden;
}


#sevenModules #columnContainer .columnDiv .leftColumnDiv .companyTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#sevenModules #columnContainer .columnDiv .leftColumnDiv .companyInfo a:hover>span{
    color:#D61519
}

#sevenModules #columnContainer .columnDiv .rightColumnDiv .companyTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    
    font-weight: 400;
    color: #7F7F7F;
    line-height: 16px;
    width: 240px;
}

#sevenModules #columnContainer .columnDiv .rightColumnDiv .companyTitle:hover{
    color: #d61519;
}

#sevenModules #columnContainer .smallMoreInfoDiv a {
    padding: 5px 28px;
    background-color: #fff;
}

#columnContainer .authorColumnDiv {
    margin-top: 35px;
}

#columnContainer .authorColumnDiv .rightColumnDiv .companyInfo {
    /* margin-bottom: 20px; */
}

#columnContainer .authorColumnDiv .leftColumnDiv .companyHead div {
    display: inline-block;
    width: 130px;
}

#columnContainer a {
    vertical-align: top;
}

#courseContainer {
    background-color: #fff;
    padding-bottom: 10px;
}

#courseContainer .alone_course,
#courseContainer .column_course {
    padding-top: 10px;
    padding-bottom: 10px;
}

#courseContainer .unit{
    font-size: 12px;

font-weight: 400;
color: #D61519;
}


.course_cover {
    width: 200px;
    height: 120px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.course_cover a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.course_cover .course_cover_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.course_cover span {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 4px;
    color: #fff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(89, 87, 87, 0.45) 100%);
    width: 192px;
    height: 24px;
    line-height: 24px;
    text-align: right;
    z-index: 2;
}

.course_info {
    width: 600px;
    height: 120px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    position: relative;
}

.course_title {
    font-size: 16px;
    
    font-weight: 400;
    color: #333333;
    height: 22px;
    line-height: 22px;
}

.course_title a {
    color: #333333;
}

.course_introduction {
    font-size: 14px;
    
    font-weight: 300;
    color: #A5A5A5;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.course_sundry {
    position: absolute;
    bottom: 0;
    left: 0;
}

.course_sundry_item {
    font-size: 12px;
    
    font-weight: 300;
    color: #7F7F7F; 
    line-height: 17px;
    display: inline-block;
    margin-right: 16px;
}

.course_sundry_value {
    color: #7F7F7F;
}

.course_buy_info {
    width: 250px;
    display: inline-block;
    text-align: right;
    padding-top: 20px;
}

.course_price {
    display: inline-block;
    width: 90px;
    font-size: 19px;
    
    font-weight: 400;
    color: #D61519;
    vertical-align: top;
}

.buy_and_see {
    width: 110px;
    display: inline-block;
    vertical-align: top;
}

.course_buy_btn {
    width: 70px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid #D61519;
    text-align: center;
    font-size: 14px;
    
    font-weight: 600;
    color: #D61519;
    display: block;
    margin-left: auto;
    margin-right: 0;
    cursor: pointer;
    background-color: #fff;
}

.course_buy_btn:hover {
    background: #D61519 linear-gradient(90deg, #FF4646 0%, #D8252C 100%);
    color: #fff;
}

.already_buy {
    width: 70px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid #D61519;
    text-align: center;
    font-size: 14px;
    
    font-weight: 600;
    color: #D61519;
    display: block;
    margin-left: auto;
    margin-right: 0;
    background-color: #fff;
}

a.see_course {
    width: 70px;
    height: 24px;
    font-size: 14px;
    
    font-weight: 400;
    color: #494949;
    text-align: center;
    margin-top: 10px;
    text-decoration: underline;
}

.course_chapter_container {
    font-size: 0;
}

.course_chapter {
    margin-top: 10px;
    white-space: nowrap;
    overflow-x: auto;
    width: 1020px;
    font-size: 0;
    display: inline-block;
    vertical-align: bottom;
}

.course_chapter_item {
    width: 150px;
    height: 115px;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    margin-right: 20px;
    vertical-align: top;
}

.course_chapter_img {
    width: 150px;
    height: 90px;
    background: #EBEBEB;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.course_chapter_img img {
    width: 150px;
    height: 90px;
}

.course_chapter_title {
    width: 130px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 12px;
    
    font-weight: 400;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0px 0px 5px 5px;
    padding: 0 10px;
    height: 34px;
    line-height: 17px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.course_chapter_price {
    display: inline-block;
    font-size: 19px;
    
    font-weight: 400;
    color: #D61519;
}

.chapter_buy_btn {
    width: 54px;
    height: 21px;
    line-height: 21px;
    border-radius: 5px;
    border: 1px solid #D61519;
    font-size: 12px;
    
    font-weight: 400;
    color: #D61519;
    position: absolute;
    right: 0;
    bottom: 10px;
    cursor: pointer;
    text-align: center;
}

a.watch_video {
    width: 54px;
    height: 19px;
    line-height: 19px;
    border-radius: 5px;
    border: 1px solid #D61519;
    font-size: 12px;
    
    font-weight: 400;
    color: #D61519;
    position: absolute;
    right: 0;
    bottom: 10px;
    cursor: pointer;
    text-align: center;
}

.chapter_buy_btn:hover,
a.watch_video:hover{
    background: linear-gradient(90deg, #FF4646 0%, #D8252C 100%);
    font-weight: 600;
    color: #FFFFFF;

}

.course_turn_pages {
    width: 50px;
    display: inline-block;
    vertical-align: top;
    padding-top: 24px;
    text-align: center;
}

.course_turn_pages i {
    width: 20px;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
    border: 1px solid #F5F5F5;
    display: inline-block;
    cursor: pointer;
    color: #7F7F7F;
}

.course_turn_pages i:hover {
    background-color: #D61519;
    color: #fff;
}

.course_play_buttom {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 90px;
    padding-top: 30px;
    text-align: center;
    /* opacity: 0; */
    z-index: 1;
}

/* .course_cover:hover .course_play_buttom{
    opacity: 1;
} */

.course_play_buttom img {
    width: 60px;
    height: auto;
    object-fit: cover;
}

#sevenModules #topicContainer .topicTimeDiv img {
    width: 9px;
    height: 9px;
    vertical-align: initial;
}

.topicArticleDiv{
    margin-right: -10px;
    margin-top: 10px;
}

.topicArticleDiv .topicArticle span,
.topicArticleDiv .topicArticle p {
    font-size: 14px;
    
    color: #585858;
    line-height: 28px;
    display: inline-block;
}

#sevenModules .topicArticleDiv .topicArticle.topicMainArticle p{
    font-weight: 600;
}

#sevenModules .topicArticle.topicArticleDiv {
    margin-top: 46px;
    width: 100%;
    display: inline-block;
}

#sevenModules .topicArticleDiv .topicArticle {
    width: 430px;
    display: inline-block;
    padding-right: 10px;
}

#sevenModules .topicArticleDiv .topicArticle p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 400;
    
}

#sevenModules .rightInfoDiv .topicTitle:hover,
#sevenModules .topicArticleDiv .topicArticle p:hover{
    color: #D61519;
}

.topicDiv {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
}
#sevenModules .topicModular .smallMoreInfoDiv {
    float: left;
    text-align: initial;
}

#sevenModules .topicModular .smallMoreInfoDiv a {
    padding: 5px 28px;
}

.seeMoreInfoDiv:hover a {
    background-color: #D61519;
    color: #fff;
}
#sevenModules #topicContainer .topicModular>div{
    padding-left: 20px;
}
#sevenModules #topicContainer>div{
    padding: 0px;
}

#sevenModules #recommend>div:hover,
#sevenModules #articleContainer>div:hover,
#sevenModules .articleTypeContainer>div:hover,
#sevenModules #topicContainer .topicModular>div:hover,
#sevenModules #lcReportContainer>div:hover,
#sevenModules .alone_course:hover,
#sevenModules .column_course:hover  {
    background-color: #F9F9F9;
}

#sevenModules #recommend>div:hover .articleTitle,
#sevenModules .articleTypeContainer>div:hover .articleTitle
#sevenModules #articleContainer>div:hover .articleTitle {
    color: #D61519;
}

#sevenModules button.reportBuyBtn:hover,
#lcReportContainer .reportDownload:hover,
#recommend .reportDownload:hover {
    background: linear-gradient(90deg, #FF4646 0%, #D8252C 100%);
    color: #fff;
}

#sevenModules button.freeDownload:hover {
    background: linear-gradient(90deg, #FF9B19 0%, #F3741E 100%);
    color: #fff;
}

#sevenModules #videoContainer .videoDiv a:hover .playButtomDiv {
    display: inline-block;
}

#sevenModules #columnContainer .smallMoreInfoDiv:hover a,
#sevenModules #topicContainer .smallMoreInfoDiv:hover a {
    background-color: #D61519;
    color: #fff;
}

#sevenModules .smallMoreInfoDiv {
    width: 156px;
}
.carouselChartDiv{
    height: 100%;
}
#courseContainer .list_ad_container{
    display: none;
}
#sevenModules .numberOfLikes span.numberOfLikesing{
    color: #D61519;
}
.pcTabShareDiv{
    width: 320px;
    height: 216px;
    display: inline-block;
    position: absolute;
    top: -218px;
    left: -135px;
}
#pcTabShareDivCode{
    position: absolute;
    left: 35px;
    top: 30px;
}
#pcTabShareDivWxappCode{
    position: absolute;
    left: 170px;
    top: 30px;
    width: 120px;
    height: 120px;
}
.shareTextTipDiv{
    position: absolute;
    bottom: 40px;
    left: 68px;
    color: #505050;
}
#sevenModules .shareTextTipDiv:hover{
    color: #505050;
}
.picCarrier{
    width: 100%;
}
#lcReportContainer button,#recommend label,
#sevenModules .numberOfLikes,#sevenModules button{
    cursor: pointer;
}
#sevenModules .tabContainer .moreAtLabel{
    text-align: center;
    height: 20px;
    font-size: 14px;
    
    font-weight: 400;
    color: #5A5A5A;
    line-height: 30px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px 0px rgb(139 139 139 / 50%);
    border-radius: 17px;
    color: #1F1F1F;
    position: absolute;
    right: 30px;
    top: 90px;
    z-index: 2;
    padding: 0 15px;
}
#sevenModules .tabContainer .moreAtLabel a{
    padding-left: 5px;
}
#sevenModules .tabContainer .moreAtLabel span{
    padding-right: 5px;
}
#indexCarouselLeftData>div,
.indexCarouselRightData,
.index_channel_item .index_channel_box {
    border-radius: 5px;
}
.sevenModulesDiv ul.layui-tab-title{
    border-radius: 5px 5px 0px 0px
}
.articleTypeContainer{
    border-radius: 0px 0px 5px 5px ;
}
/* 中部七大模块推荐、资讯、广告、视频、课程、专题、专栏end */
.index_channel_item {
    width: 294px;
    float: left;
    margin-right: 14px;
}

.channel_icon{
    vertical-align: middle;
}

.column_title span{
    height: 25px;
    font-size: 18px;
    
    font-weight: 600;
    color: #000000;
    vertical-align: middle;
}

.column_title .more_link {
    float: right;
    width: 60px;
    font-size: 14px;
    
    font-weight: 400;
    color: #5A5A5A;
    background: #fff;
    border-radius: initial;
}

.column_title .more_link i{
    font-size: 14px;
    color: #5A5A5A;
}

.column_title .more_link:hover {
    background-color: #fff;
}

.index_channel_box {
    padding: 12px 10px;
    background: #fff;
    /* border: 1px solid #dedede; */
    box-sizing: border-box;
}

.column_title{
    padding-bottom: 4px;
    border-bottom: 1px solid #f1f1f1;
}

.index_channel_first{
    margin-top: 15px;
    margin-bottom: 6px;
    position: relative;
}
.index_channel_first>a{
    display: inline-block;
}
.index_channel_first p {
    width: 170px;
    height: 45px;
    padding-left: 10px;
    font-size: 16px;
    
    font-weight: 400;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.index_channel_item_list>li>a>p:hover,
.index_channel_first p:hover {
    color: #D61519;
}

img.index_channel_item_img {
    float: left;
    width: 100px;
    height: 60px;
    border-radius: 5px;
    background: #EBEBEB;
    object-fit: cover;
}
.index_channel_first .index_channel_item_title{
    vertical-align: top;
    width: 162px;
    float: left;
}
span.original_text_tips {
    color: #D61519;
}
.index_channel{
    margin-top: 10px;
    margin-right: -14px;
}

.index_channel_item_list {
    height: 40px;
    margin-bottom: 6px;
    position: relative;
}
.index_channel_item_list i{
    color: #9b9b9b;
    font-size: 13px;
}

.index_channel_item_list li {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.index_channel_item_list>a:hover{
    color: #191919;
}

.index_channel_item_list>a.short_title {
    width: 280px;
    height: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.index_channel_item_list a.just_a_button {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 4px;
    border: 1px solid #D61519;
    padding: 4px 11px;
    border-radius: 5px;
    color: #D61519;
    cursor: pointer;
    font-size: 12px;
}

.index_channel_first>a.just_a_button{
    display: inline-block;
    position: absolute;
    right: 0;
    top: 55px;
    border: 1px solid #D61519;
    padding: 4px 11px;
    border-radius: 5px;
    color: #D61519;
    cursor: pointer;
    font-size: 12px;
}

.index_channel_first>a.just_a_button:hover,
.index_channel_item_list a.just_a_button:hover {
    background-color: #D61519;
    color: #fff;
}
p.just_a_price {
    position: absolute;
    right: 56px;
    top: 55px;
    display: inline-block;
    width: 80px;
    height: auto;
    text-align: right;
    font-size: 18px;
    
    font-weight: 400;
    color: #D61519;
}
p.just_a_price>span {
    font-size: 12px;
    color: #D61519;
}
.right-container .index-hotInfos,.right-container .index-right-menu{
    border-radius: 5px;
}
.indexCarouselRightData .more_link{
    float: right;
    width: 60px;
    font-size: 14px;
    
    font-weight: 400;
    color: #5A5A5A;
    background: #fff;
    border-radius: initial;
    text-align: right;
}

.indexCarouselRightData ul span.indexCarouselDrop,
.index_channel_item_list span.indexCarouselDrop{
    border: 2px solid #D61519;
    height: 0px;
    width: 0px;
    display: inline-block;
    background-color: #D61519;
    border-radius: 50px;
    vertical-align: middle;
}

.layui-tab-brief>.layui-tab-title .layui-this:after {
    border-color: #d61518;
    margin-top: 10px;
    border-bottom: 3px solid #d61518;
}

.index_channel_item_list>li>a{
    display: inline-block;
    width: calc(100% - 8px);
    vertical-align: top;
}
.index_channel_item_list>li>a>p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index-container .vote_icon{
    background-color: #d3060b;
    color: #fae4e5;
    padding: 1px 8px;
    font-size: 15px;
}